<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <title></title>

  
  <!-- jQuery and jQuery Mobile <link rel="stylesheet" href="pcs.css"> 
  <script src="http://localhost/pcss/js/jquery-1.9.1.min.js"></script>
  <script src="http://localhost/pcss/js/jquery.mobile-1.3.1.min.js"></script> 
  <link rel="stylesheet" href="http://localhost/pcss/css/jquery.mobile-1.3.1.min.css" /> /
  -->
  <link rel="stylesheet" href="<?=base_url() ?>assets/css/jquery.mobile-1.3.1.min.css" />
    <link rel="stylesheet" href="<?=base_url() ?>assets/css/pcs.css">
  <script src="<?=base_url() ?>assets/js/jquery-1.9.1.min.js"></script>
  <script src="<?=base_url() ?>assets/js/jquery.mobile-1.3.1.min.js"></script>
  			   
</head>
<body>
<!-- Home -->

<div data-role="page" id="home" class="pcs-demos" style ="background: transparent;">
    <div data-theme="d" data-role="header" data-position="fixed" class="pcs-header">
	<!--div data-role="header" data-theme="d">
      <img border="0" src="http://i490.photobucket.com/albums/rr270/pelicancup/FaceBook30x30.jpg" alt="Logo, Facebook" style="float:left;display:inline"/-->
            <a data-role="button" href="#detailspanel" data-icon="bars" data-iconpos="left" class="ui-btn-right">
            Details
        </a>
        <a id="homebtn" data-role="button" data-direction="reverse" href="#home"
        data-icon="home" data-iconpos="left" class="ui-btn-left">
            Home
        </a>
		
        <h5 id="headertxt" class="header">
            mPCS
        </h5>
    </div>
    <div data-role="content">
		<div class="content-primary">
			<center>
			<h2>
				Summary
			</h2>
			
			<table data-role="table" id="summary-table" data-mode="column-toggle" class="table-stripe ui-responsive">
         <thead>
           <tr class="ui-bar-d">
             
           </tr>
         </thead>
         <tbody>
		 
           <tr>
             <td>Project ID</td>
			 <td>:</td>
             <td><?php echo $project_id;?></td>
           </tr>
           <tr>
             <td>Project Name</td>
			 <td>:</td>
             <td><?php echo $project_name;?></td>
           </tr>
           <tr>
             <td>Project Type</td>
			 <td>:</td>
             <td><?php echo $project_type;?></td>
           </tr>
           <tr>
             <td>Customer Name</td>
			 <td>:</td>
             <td><?php echo $customer_name;?></td>
           </tr>
           <tr>
             <td>Account Manager</td>
			 <td>:</td>
             <td><?php echo $account_manager;?></td>
           </tr>
           <tr>
             <td>Project Manager</td>
			 <td>:</td>
             <td><?php echo $project_manager;?></td>
           </tr>
           <tr>
             <td>First-Issued-Date</td>
			 <td>:</td>
             <td><?php echo $first_issued_date;?></td>
           </tr>
           <tr>
             <td>Revision Status</td>
			 <td>:</td>
             <td><?php echo $revision_status;?></td>
           </tr>
           <tr>
             <td>Express Status</td>
			 <td>:</td>
             <td><?php echo $express_status;?></td>
           </tr>
           <tr>
             <td>Currency</td>
			 <td>:</td>
             <td><?php echo $currency;?></td>
           </tr>
         </tbody>
       </table> </center>
	   <div>
		<table data-role="table" id="summary-table" data-mode="column-toggle" class="table-stripe ui-responsive">
			<thead>
			   <tr class="ui-bar-d">
			   </tr>
			</thead>
			<tbody>
			   <tr>
				 <td>Project ID</td>
				 <td>:</td>
				 <td>173A/BBBBD/ZAK/SVL/12</td>
			   </tr>
			</tbody>
		</table>
	</div>
		</div>
		<div class="content">
			<div data-role="collapsible">
					<h2>Profits</h2>
					<ul data-role="listview" data-theme="b" data-divider-theme="d">
						<li data-role="list-divider"><strong>Total Gross Profit (USD $)</strong><span class="ui-li-count"><strong>520,33700.000,00</strong></span></li>
						<li><a href="detail_spec">
							<h3>Own Service</h3>
							<table>
							<tr><td><p><strong>Total COGS</strong></p></td><td><p>:</p></td><td><p>0,00</p></td></tr>
							<tr><td><p><strong>Total Sales</strong></p></td><td><p>:</p></td><td><p>100.000,00</p></td></tr>
							<tr><td><p><strong>Gross Profit</strong></p></td><td><p>:</p></td><td><p>100.000,00</p></td></tr>
							<tr><td><p><strong>Gross Profit (%)</strong></p></td><td><p>:</p></td><td><p>100%</p></td></tr>
							</table>
							
						</a></li>
						<li><a href="detailspec">
							<h3>Hardware</h3>
							<table>
							<tr><td><p><strong>Total COGS</strong></p></td><td><p>:</p></td><td><p>300.000,00</p></td></tr>
							<tr><td><p><strong>Total Sales</strong></p></td><td><p>:</p></td><td><p>600.000,00</p></td></tr>
							<tr><td><p><strong>Gross Profit</strong></p></td><td><p>:</p></td><td><p>300.000,00</p></td></tr>
							<tr><td><p><strong>Gross Profit (%)</strong></p></td><td><p>:</p></td><td><p>50%</p></td></tr>
							</table>
							
						</a></li>
						<li><a href="detailspec.html">
							<h3>Software</h3>
							<table>
							<tr><td><p><strong>Total COGS</strong></p></td><td><p>:</p></td><td><p>1.000.000,00</p></td></tr>
							<tr><td><p><strong>Total Sales</strong></p></td><td><p>:</p></td><td><p>1.300.000,00</p></td></tr>
							<tr><td><p><strong>Gross Profit</strong></p></td><td><p>:</p></td><td><p>300.000,00</p></td></tr>
							<tr><td><p><strong>Gross Profit (%)</strong></p></td><td><p>:</p></td><td><p>23,08%</p></td></tr>
							</table>
							
						</a></li>
					</ul>
				</div>
				
				<div data-role="collapsible">
					<h2>Operating Expenses</h2>
					<ul data-role="listview" data-theme="a" data-divider-theme="d">
						<li data-role="list-divider"><strong>Total (USD $)</strong><span class="ui-li-count"><strong>520,33</strong></span></li>
						<li><a href="opexsales.html">
							<h3>OPEX</h3>
							<table>
							<tr><td><p><strong>Expense</strong></p></td><td><p>:</p></td><td><p>360,83</p></td></tr>
							</table>
						</a></li>
						<li><a href="opexsales.html">
							<h3>GA Expense	</h3>
							<table>
							<tr><td><p><strong>Expense</strong></p></td><td><p>:</p></td><td><p>159,83</p></td></tr>
							</table>
						</a></li>
					</ul>
				</div>
				
				<div data-role="collapsible">
					<h2>Financial Expenses</h2>
					<ul data-role="listview" data-theme="c" data-divider-theme="d">
						<li data-role="list-divider"><strong>Total (USD $)</strong><span class="ui-li-count"><strong>2.379,37</strong></span></li>
						<li><a href="#.html">
							<h3>Financial Expense</h3>
							<table>
							<tr><td><p><strong>Expense</strong></p></td><td><p>:</p></td><td><p>-</p></td></tr>
							</table>
						</li>
					</ul>
				</div> 
				
				
				</div>	
    </div>
	
	
	
	<center>
	
	<a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-iconpos="left" data-theme="b">Approve</a>
	<a href="#" data-role="button" data-mini="true" data-inline="true" data-icon="delete" data-iconpos="right" data-theme="a">Reject</a>
	</center>
	
	<!-- details panel  -->
	<div data-role="panel" id="detailspanel" data-position="right" data-display="overlay" data-theme="b">
        <i>click off the panel to close</i>
		<h3>Details Panel</h3>
		<hr >
		<ul data-role="listview">
			<li><a href="http://localhost/mpcs/project_desc">Project Description</a></li>
			<li><a href="#">Detail Spec. of Prod.</a></li>
			<li><a href="#">OPEX Sales</a></li>
			<li><a href="#">Training</a></li>
			<li><a href="#">Project Document</a></li>
			<li><a href="#">Risk Assesment</a></li>
			<li><a href="#">GA Expense</a></li>
			<li><a href="#">Cost of Fund</a></li>
			<li><a href="#">Profit Allocation</a></li>
			<li><a href="#">Approval Tracking</a></li>
		</ul>
	</div><!-- /details panel -->
	
    <div data-theme="d" data-role="footer" data-position="fixed" class="pcs-header"> 
	<!--a id="logoutbtn" data-role="button" data-direction="reverse" href="#home"
        data-icon="arrow-l" data-iconpos="left">Logout</a-->
        <h3>
		@2013 Anabatic Technologies - <i> Always Think Better Ways </i>
        </h3>
    </div>
</div>
</body>
</html>
